{{#section 'head'}}
    <title>群聊天</title>
    <link rel="stylesheet" type="text/css" href="css/groupchart.css">
    <script src="/socket.io/socket.io.js"></script>
    <link rel="stylesheet" type="text/css" href="/css/common.css">
    <script src="/js/json3.min.js"></script>
{{/section}}
<div class="main">
	<div class="head">
		<input type="hidden" value="{{id}}" class="id">
		<div class="group-init"></div>
		<a href="/yike" class="back toyike back-one"></a>
	</div>
	<div class="inner">
		<div class="msgout">
			<div id="message"></div>
		</div>
		<div class="groupmsg">
			<div class="head2">
				<i class="back back-two"></i>
				<i class="more more2"></i>
			</div>
			<div class="head1">
				<i class="back back-one"></i>
				<div class="name group-dt">群聊资料<i></i></div>
				<i class="more more1"></i>
			</div>
			<div class="groupmsg-in">
				<div class="group-icon"></div>
				<ul class="user"></ul>
				
				<div class="group-intro more-list">
					<p class="title list1">群公告</p>
					<span class="intro"></span>
				</div>
				<div class="mark more-list">
					<p class="title list1 goto">群内名<span class="mark-name"></span></p>
				</div>
			</div>
			<div class="change">
				<div class="top">
					<button class="left">取消</button>
					<p class="name">我在本群的昵称</p>
					<button class="right">确定</button>
				</div>
				<input type="text" value="" class="change-mark">
			</div>
			<div class="user-oper"></div>
			<div class="user-friend">
				<div class="top">
					<button class="close-but left">取消</button>
					<p class="name">邀请成员</p>
				</div>
				<ul class="friend-li"></ul>
				<div class="put"><button class="put-but">邀请<i> </i></button></div>
			</div>
		</div>
	</div>
	<form class="forms">
		<div class="area"><textarea class="text"></textarea></div>
		<button class="but" type="button"></button>
	</form>
</div>

{{#section 'jquery'}}
	<script src="/lib/mobile/flexible.js" type="text/javascript"></script>
	<script src="/js/groupchart.js" type="text/javascript"></script>
{{/section}}
